<template>
    <el-row>
        <el-col :span="12" class="white-block">
            <h3>普通滚动条</h3>
            <div style="height: 100px;">
                <scroll-bar>
                    <p>111</p>
                    <p>111</p>
                    <p>111</p>
                    <p>111</p>
                    <p>111</p>
                </scroll-bar>
            </div>
        </el-col>
        <el-col :span="11" :offset="1">
            <table-example :data="tableData" :tableColumn="header"></table-example>
        </el-col>
    </el-row>
</template>

<script>
    import scrollBar from '../components/scrollbar'
    import tableExample from '../components/table'

    export default {
        name: '',
        data() {
            return {
                header: [
                    {
                        prop: 'name',
                        label: '参数名'
                    },
                    {
                        prop: 'usage',
                        label: '参数用法'
                    },
                    {
                        prop: 'info',
                        label: '参数说明'
                    },
                    {
                        prop: 'choice',
                        label: '可选值'
                    },
                    {
                        prop: 'default',
                        label: '默认值'
                    }
                ],
                tableData: []
            }
        },
        mounted() {
            let tableData = [
            ]
            this.tableData = tableData
        },
        methods: {},
        components: {
            scrollBar,
            tableExample
        }
    }
</script>

<style scoped lang="less">

</style>
